<template>
	<view v-if="pageShow" class="container">
		<scroll-view scroll-y="true" :refresher-threshold="50" :refresher-background="'#FDFDFD'" :refresher-enabled="true"
			:refresher-triggered="isRefreshing" @refresherrefresh="refresherrefresh" @scrolltolower="loadMore"
			style="min-height: 100vh">
			<view class="header">
				<view class="header-img">
					<image :src="serviceInfo.logo" mode="aspectFill"></image>
				</view>
				<view class="header-name">
					<text>{{ serviceInfo.name }}</text>
				</view>
				<view class="header-type">
					<text class="type">{{ getServiceType(serviceInfo.type) }}</text>
					<text class="type" style="margin-left: 24rpx">保证金{{ serviceInfo.cash_deposit }}</text>
				</view>
				<view class="header-local">
					地址：{{ serviceInfo.city }}
				</view>
			</view>
			<view class="service-main">
				<view class="solid-bottom">
					<u-tabs :list="tabList" @click="tabClick" :current="tabCurrent" :scrollable="true" :activeStyle="{
						color: '#0177FD', fontWeight: 'bold', fontSize: '36rpx'
					}" :inactiveStyle="{
	color: '#666666', fontSize: '36rpx', fontWeight: 'bold'
}" :itemStyle="{ height: '110rpx' }">
					</u-tabs>
				</view>
				<view v-if="tabCurrent === 0" class="shop-list">
					<view class="shop-item" v-for="(item, index) in serviceShopList" :key="index" @click="goInfo(item)">
						<view class="shop-img">
							<image :src="item.pic[0]" mode="aspectFill"></image>
						</view>
						<view class="shop-info">
							<text class="name">{{ item.name }}</text>
							<text class="price">{{ item.price == 0 ? '面议' : '¥' + item.price }}</text>
						</view>
					</view>
					<uni-load-more :status="shopStatus"></uni-load-more>
				</view>
				<view v-if="tabCurrent === 1" class="service-des">
					<view v-if="serviceInfo.introduce" class="des">
						{{ serviceInfo.introduce }}
					</view>
					<view v-if="!serviceInfo.introduce" class="empty-wrap">
						<image class="empty-img"
							src="https://xzcs-public-files.oss-cn-beijing.aliyuncs.com/static/coupon/contentVanshi.png">
						</image>
						<text class="tips">暂无简介</text>
					</view>
				</view>
			</view>
		</scroll-view>
		<view class="now-contact" @click="openKefu">
			<image
				src="https://xzcs-public-files.oss-cn-beijing.aliyuncs.com/static/enterprise-service/serviceImg/now_service_icon.png">
			</image>
		</view>
	</view>
</template>

<script  type="text/javascript" src="plus-confusion://../enterpriseServer/merchantInfo/index"></script>

<style lang="scss" scoped>
@import "index.scss";
</style>